<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<html lang="en">
<head>
<link href="http://npr-simile-timeline.googlecode.com/svn/trunk/timeline.css" rel="stylesheet" type="text/css" />
<script language="javascript" TYPE="text/javascript">

</script>
</head>
<body>
<h1>NPR Timeline</h1>
<form name="generatorForm" target="timelineFrame">
<input type="hidden" id="nprAPIQuerystring" value="">
<ol>
	<li>Build your Query of NPR.org using the form to the right</li>
	<li>Click on the "Preview" button to preview the timeline</li>
	<li>Adjust the Height of the Timeline: <!--  using the Controls Below:</li>
	<li> --><input type="text" id="timelineHeight" name="timelineHeight" value="300"></li>
	<!-- <li> -->
	<input type="hidden" id="timelineWidth" name="timelineWidth" value="">
	<!-- </li> -->
	<!-- <li><select name="timelineType" id="timelineType">
		<option value="hd">Hour/Day</option>
		<option value="dw">Day/Week</option>
		<option value="dm">Day/Month</option>
		<option value="wm">Week/Month</option>
	</select></li> -->

	<!-- <li><select name="f" id="f" onfocus="help(3);"><option value="arial">Arial</option><option value="georgia">Georgia</option><option value="helvetica">Helvetica</option><option value="tahoma">Tahoma</option><option value="verdana">Verdana</option></select></li> -->
	<li>Click: <!-- <input type="button" value="Preview" onclick="javascript:top.window.timelineFrame.location.reload()"> -->
	<input type="button" onClick="top.window.timelineFrame.location.href=parent.qgliteFrame.document.selectionForm.newURL.value;document.getElementById('viewURL').innerHTML ='Your Query of the NPR API: ' + parent.qgliteFrame.document.selectionForm.queryBox.value;" value="Preview">

	</li>
	<li>If you like what you see:<br>
	       Click: <input type="button" value="Get Code" onclick="javascript:top.window.timelineFrame.location.href='code_new.html'"></li>
	<li>Copy and paste the resulting code onto your web site (from the text area marked Code)</li>
	<li>You can also link directly to a timeline or to send a timeline in email (using the url from the text area marked Link)</li>
</ol>
<div id="viewURL" style="font-size:x-small;">
<!-- parent.qgliteFrame.document.selectionForm.queryBox.value; -->
</div>
<div id="moreInfo" style="font-size:x-small;">
<a href="http://npr-simile-timeline.googlecode.com/" target="_top">About the NPR Timeline</a>
</div>
</form>
</body>
</html>